@charset "utf-8";

body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, img { 
    margin: 0; 
    padding: 0; 
    border: 0;
	list-style:none;
	text-decoration:none;
	outline:none;
}

body {
	background:url(../images/bg.jpg);
	left:0;
	right:0;
	top:0;
	bottom:0;
	/*font-family:"微軟正黑體", Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
}

.wrapper {
	width:988px;
	padding-left:14px;
	margin:0 auto 0 auto;
	background:url(../images/frame_bg.png) repeat-y;
}

a {
	color:#333333;
}


.kv1 {
	background:url(../images/kv1.jpg) no-repeat;
	height:281px;
	position:relative;
}

h1, .kv2, .btn_tip, .btn_tip2, .kv7, .kv12  {
	text-indent:-9999999px;
}


h1 {
	position:absolute;
	top:36px;
	left:52px;
}


h1 a {
	display:block;
	width:145px;
	height:145px;
}


.kv2 {
	background:url(../images/kv2.jpg) no-repeat;
	height:281px;
	position:relative;
}


.cf {
	position:absolute;
	width:183px;
	height:95px;
	background:#000;
	top:102px;
	left:190px;
	border:2px solid #ffdfb1;
}

a.btn_ck {
	position:absolute;
	background:url(../images/btn.png) no-repeat;
	width:182px;
	height:57px;
	bottom:4px;
	left:70px;
}

a.btn_ck:hover {
	background:url(../images/btn.png) no-repeat 0 -57px;
	
}

a.btn_re {
	position:absolute;
	background:url(../images/btn.png) no-repeat -182px 0;
	width:182px;
	height:57px;
	bottom:4px;
	left:252px;
}

a.btn_re:hover {
	background:url(../images/btn.png) no-repeat -182px -57px;
	
}




/**********cookbookframe**************/

.kv3 {
}

.kv4 {
}


.kv5 {
	width:960px;
	height:415px;
	position:relative;
	background:url(../images/kv5.jpg) no-repeat;
}

.kv6 {
	width:960px;
	height:244px;
	position:relative;
	background:url(../images/kv6.jpg) no-repeat;
}

.p1 {
	position:absolute;
	color:#dc3b1f;
	font-size:15px;
	font-weight:bold;
	top:123px;
	left:218px;
}

.p2 {
	position:absolute;
	color:#dc3b1f;
	font-size:15px;
	font-weight:bold;
	top:216px;
	left:272px;
}


a.weblink  {
	color:#dc3b1f;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	position:absolute;
	width:250px;
	height:30px;
	top:215px;
	left:630px;
	display:block;
}

a.weblink:hover {
	color:#9b1b00;
}



.kv7 {
	width:960px;
	height:191px;
	position:relative;
	background:url(../images/kv7.jpg) no-repeat;
}


a.btn_join {
	position:absolute;
	width:109px;
	height:158px;
	top:5px;
	right:80px;
	display:block;
	background:url(../images/btn_join.png) no-repeat;
}

a.btn_join:hover {
	width:109px;
	height:153px;
	background:url(../images/btn_join.png) no-repeat -109px;
}

.kv8 {
	width:960px;
	height:167px;
	position:relative;
	background:url(../images/kv9.jpg) no-repeat;
}

.kv9 {
	width:960px;
	height:210px;
	position:relative;
	background:url(../images/kv9.jpg) no-repeat;
}


.ck {
	position:relative;
	width:430px;
	height:300px;
	background:url(../images/cookbook_bg.jpg) no-repeat;
	top:80px;
	left:55px;
	float:left;
}

.ck2 {
	position:relative;
	width:430px;
	height:300px;
	background:url(../images/cookbook_bg.jpg) no-repeat;
	top:80px;
	left:75px;
	float:left;
}

.useinf {
	position:absolute;
	top:33px;
	left:43px;
}

.user {
	width:62px;
	height:63px;
	padding:6px 0 0 9px;
	background:url(../images/photo_userbg.png);
}

.user img {
	border: 1px solid #b6b6b6;
}

.usetxt {
	position:absolute;
	top:6px;
	left:85px;
	width:300px;
}

h3 {
	margin-top:2px;
margin-bottom:10px;
width:260px;
height:21px;
overflow:hidden;
}

h3 a {
	color:#d22b07;
	font-size:19px;
	font-weight:normal;
}

h3 a:hover {
	color:#fe6d00;
}

.usetxt p a {
	font-size:16px;
	float:left;
}

.usetxt p a:hover {
	color:#fe6d00;
}

.num p {
	float:left;
	margin-left:20px;
}

.num p img {
	margin-right:8px;
}


.usepic {
	position:absolute;
	top:108px;
	left:35px;
    width:360px;
	background:url(../images/point.jpg) repeat-x top ;
	padding-top:12px;
}
.pic {
	width:187px;
	height:141px;
	border:1px solid #aaa;
	padding:6px 0 0 7px;
	float:left;
}


.usepic p {
	display: inline-block;
	*padding-left:20px;
	width:140px;
	height:130px;
	font-size:13px;
	margin-left:20px;
	line-height:1.7em;
	text-justify: inter-ideograph;
	overflow:hidden;
}

.usepic a {
	cursor:pointer;
}

.btn_wrapper {
	position:absolute;
	width:188px;
	height:30px;
	bottom:0px;
	right:0px;
}



.btn_tip, .btn_tip2 {
	float:left;
}

.btn_tip a {
	display:block;
	width:188px;
	height:40px;
	background:url(../images/btn_look.png) no-repeat;
}

.btn_tip a:hover {
	background:url(../images/btn_look.png) no-repeat 0 -40px;
}

.btn_tip2 {
	margin-left:10px;
}

.btn_tip2 a {
	display:block;
	width:154px;
	height:30px;
	background:url(../images/btn_look.png) no-repeat -102px 0;
}

.btn_tip2 a:hover {
	background:url(../images/btn_look.png) no-repeat -102px -30px;
}









.footer {
	position:relative;
	bottom:0px;
	background:url(http://assets1.icook.tw/assets/resources/bg-f121fa5d8087ba1aed485754d2d065b9.jpg);
	padding:40px 0 49px 0;
}

.footer img {
	display:block;
	width:926px;
	height:202px;
	margin:0 auto;
}

.list .kv2 {
	width:960px;
	height:237px;
	background:url(../images/list_kv2.png) no-repeat;
}

.list_main {
	width:960px
}

.list_main a:hover {
	color:#ea5e70;
	text-decoration:underline;
}


.list1 {
	width:960px;
	height:244px;
	background:url(../images/list_kv4.png) no-repeat;
	position:relative;
}

.list1 p , .list2 p ,.winer1 ,.winer2 ,.winer3, .winer4 {
	position:absolute;
	left:238px;
}


.winer1 {
	top:125px;
}

.winer2 {
	top:208px;
}

.winer3 {
	top:53px;
}


.winer4 {
	top:145px;
}

.winer4 a {
	line-height:28px;
}



.list2 {
	position:relative;
	width:960px;
	height:378px;
	background:url(../images/list_kv5.jpg) no-repeat;
}

.list3 {
	position:relative;
	background:#f8b61c;
	}

.winerpic {
	margin:0 auto;
	width:778px;
	height:376px;
}

.winerpic div {
	float:left;
}